<html>
	<head>
		<meta charset="utf-8">
		<title>Welcome to The Wall - Register</title>
		<!--	<link rel="stylesheet" href="css/wallregistration.css" media="Screen" /> -->
		<link rel='icon' type='image/png' href='http://images1.wikia.nocookie.net/__cb20100130121653/farmville/images/a/a0/Brick-icon.png' />
		<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
		<link rel="stylesheet" href="css/bootstrap.css"/>
		<script id="bootScript">
			
			function loadScript(url, callback) {
				var script = document.createElement("script")
				script.type = "text/javascript";
				if(script.readyState) {//IE
					script.onreadystatechange = function() {
						if(script.readyState == "loaded" || script.readyState == "complete") {
							script.onreadystatechange = null;
							callback();
						}
					};
				} else {//Others
					script.onload = function() {
						if(callback)
							callback();
					}
				}
				script.src = url;
				document.getElementsByTagName("head")[0].appendChild(script);
			}

			loadScript("https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js", function() {
				loadScript("/lib/bootstrap/js/bootstrap.js", function() {
					loadScript("/lib/bootstrap/js/bootstrapMin.js", function() {
						loadScript("/javaScript/misc.js")
					})
				})
			})
		</script>
	</head>
	<body>
		<div class="container">
			<br />
			<h1>The Wall</h1>
			<br/>
			<form class="well form-inline" method='POST' action='/theWall'>
				<input id='email' type='text' name='email' class="input-small" placeholder='e-mail' >
				<input id='password' type='password' name='password' class="input-small" placeholder='Password' >
				<label class="checkbox">
					 <input type="checkbox" name="rememberSession">
					Remember me </label> 
				<button type="submit" class="btn">
					Sign in
				</button>
				<a  href="#" class="btn btn-success" onclick="openModal('registrationModal')">Not yet registered?</a>
			</form>
			<div id="registrationModal" class="modal hide fade" style="display: none; ">
				<div class="modal-header">
					<h3>register yourself here</h3>
				</div>
				<form method='POST' action='/registerUser'>
				<div class="modal-body">
					
						<input id='name' type='text' name='name' placeholder='Name' >
						</input>
						</br>
						<input id='surname'type='text' name='surname' placeholder='Surname' >
						</input>
						</br>
						<input id='email' type='text' name='email' placeholder='e-mail' >
						</input>
						</br>
						<input id='password' type='password' name='password' placeholder='Password' >
						</input>
						</br>
				</div>
				<div class="modal-footer">				
				<input type='submit' value='Register'class="btn btn-success">
				<input type="button" value="Close" onclick="closeModal('registrationModal')" class="btn">
				</div>
				</form>
			</div>
			<br>

	</body>
</html>